import React from 'react'
import {View,Text,Image,ImageBackground,TouchableOpacity} from 'react-native'
import '../../global'

const StartLearning = ({navigation}) => {
  return (
    <View style={{
        height:h,
        backgroundColor:'white'
    }}>
        <ImageBackground
            source={require('../../images/5914.png')}
            style={{
                width:w,
                height:pxtodpH(500),
                position:'relative'
            }}
        >
            <Text
                style={{
                    position:'absolute',
                    top:pxtodpH(120),
                    fontSize:30,
                    left:pxtodpW(265)
                }}
            >24人自习中</Text>
        </ImageBackground>
        <View style={{
            display:'flex',
            flexDirection:'row',
            width:0.9*w,
            marginLeft:0.05*w,
            marginTop:pxtodpH(70)
        }}>
            <View style={{
                width:0.45*w
            }}>
                <Text style={{
                    fontSize:30,
                    lineHeight:40
                }}>准备好学习了吗？点击下方按钮开始计时，来解锁你的努力吧！</Text>
            </View>
            <Image
                source={require('../../images/3baiboy.png')}
                style={{
                    width:pxtodpW(225),
                    height:pxtodpH(210),
                    marginLeft:pxtodpW(100)
                }}
            />
        </View>
        <TouchableOpacity
            style={{
                marginLeft:0.2*w,
                marginTop:0.1*h
            }}
            onPress={()=>{
                navigation.navigate('SelfRevisonRoom');
            }}
        >
            <Image
                source={require('../../images/start.jpg')}
                style={{
                    width:0.6*w,
                    height:pxtodpH(120)
                }}
            />
        </TouchableOpacity>
    </View>
  )
}

export default StartLearning